<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>今日His续费患者信息-frame</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.2.0.css" />
    <style>
      .hospital > div{
        width: 100%;
      }
      .aui-list-item-inner > div{
        display: -webkit-flex;
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
      }
      .aui-list-item-inner > div >span:nth-child(1){
        text-align: left;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
      }
      .aui-list-item-inner-icon > div >span:nth-child(2){
        display: inline-block;
        background-image: url('../image/nickname.png');
        width: 100px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: 0px 5px;
        background-size: 20px 20px;
        line-height: 40px;
        text-align: left;
        padding-left: 25px;
      }
      .aui-list-item-inner > div >span:nth-child(4){
        display: inline-block;
        width: 100px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: 25px 5px;
        background-size: 25px 25px;
        line-height: 40px;
      }
      .aui-btn-info,.aui-btn-danger{
        width: 60px;
        height: 30px;
        text-align: center;
        line-height: 10px;
        padding: 10px 10px 13px 10px !important;
      }
      .aui-iconfont{
        font-size: 14px;
      }
      .aui-btn-danger{
        background-color: #d4237a !important;
      }
      .aui-content ul li:nth-of-type(odd){ background:#f0f0f0;}

      .aui-list-item-inner > div > span {
        display: block;
        text-align: left;
        font-size: 14px;
        width: 20%;
      }
      .aui-list-header{
        position: relative;
      }
      .aui-list-header::before{
            content: "";
            display: inline-block;
            height: 0.8rem;
            width: 0.3rem;
            border-radius: 0.8rem;
            position: absolute;
            left: 0.6rem;
            background: pink;
        }
      .aui-list-header > div{
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 100px;
        font-size: 14px;
      }
      .aui-list-header{
        font-size: 20px !important;
        padding-left: 20px !important;
      }
    </style>
</head>

<body>
    <section class="hospital">
      <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-list-in">
          <li class="aui-list-header" style="padding: 0.8rem 0;padding-left:1.4rem!important;">同步续费页面（查询今天续费的患者信息）
            <div class="aui-btn aui-btn-info">
              <span class="aui-iconfont aui-icon-refresh" onclick="">一键同步</span>
            </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div>
                    <span>患者ID</span>
                    <span>患者姓名</span>
                    <span>缴费次数</span>
                    <span>金额</span>
                    <span>时间</span>
                  </div>
              </div>
          </li>
          <li class="aui-list-item" v-for="(item, index) in SynchronousRenewal">
              <div class="aui-list-item-inner aui-list-item-inner-icon">
                  <div>
                    <span>{{item.F_reserveid}}</span>
                    <span>{{item.F_paientname}}</span>
                    <span>{{item.F_reservenumber}}</span>
                    <span>{{item.F_charge}}</span>
                    <span>{{item.F_CreatorTime}}</span>
                  </div>
              </div>
          </li>
        </ul>
      </div>
    </section>
</body>

</html>

<script src="../script/api.js" charset="utf-8"></script>
<script src="../script/vue.js" charset="utf-8"></script>
<script src="../js/ToConfigure.js" charset="utf-8"></script>
<script src="../script/aui-toast.js" charset="utf-8"></script>
<script type="text/javascript">
  apiready = function () {

    var vm = new Vue({
      el: '.hospital',
      data: {
        manIcon: {
          backgroundImage: "url(../image/sex_man.png)"
        },
        womanIcon: {
          backgroundImage: "url(../image/sex_woman.png)"
        },
        copyEvaluationList: [],
        SynchronousRenewal: [],
        Url_IP: ""
      },created(){
        //获取所属医院IP地址
        this.Url_IP = ToConfigure_IP("Gorgeous");



        //json参数
        var JsParms = new Object();
         JsParms.currPage = 1000;
        var parms = JSON.stringify(JsParms);
        api.ajax({
            url: this.Url_IP+'SynchronousRenwal/Query_His_HBO_Cost/',
            method: 'post',
            data: {
                values: {
                    parms: parms
                }
            },
        },function(ret, err){
            if (ret) {
                vm.SynchronousRenewal = ret;
            } else {
              var toast = new auiToast();
              toast.fail({
                  title: "暂无信息",
                  duration: 2000
              });
            }
        });
      },
      methods: {
        PatientDetails: function(item) {
          api.openWin({
              name: 'patientDetailHeader',
              url: './patientDetailHeader.html',
              pageParam: {
                  name: 'test'
              }
          });
        }
      }
    })

    // if(api.pageParam.info !== undefined){
    //   vm.copyEvaluationList = vm.evaluationList
    //   vm.evaluationList = [];
    //   var info = JSON.parse(api.pageParam.info)
    //   vm.evaluationList.push(info)
    // }
    //
    // // 下拉监听
    // var param = {};
    // param.loadingImgae = 'widget://image/refresh.png'; //定义刷新小箭头的图片
    // param.bgColor = 'transparent'; //定义下拉刷新区域的背景
    // param.textColor = '#111'; //定义下拉刷新提示文字的颜色
    // param.textDown = '下拉刷新...'; //定义下拉刷新文字
    // param.textUp = '松开试试...'; //定义松开刷新文字
    // param.showTime = true; //定义是否显示最后一次刷新时间
    // api.setRefreshHeaderInfo(param, function(ret, err){
    //   vm.evaluationList = vm.copyEvaluationList
    //   setTimeout(() => {
    //     api.refreshHeaderLoadDone(); //复位下拉刷新
    //   }, 500)
    // });
    //
    // // 加载监听
    // api.addEventListener({name:'scrolltobottom'}, function(ret, err){
    //   api.showProgress({
    //       title: '努力加载中...',
    //       text: '',
    //       modal: true
    //     });
    //
    //     setTimeout(() => {
    //       api.hideProgress()
    //     }, 1000)
    // });
  }
</script>
